﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>聚创-个人信息</title>
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/lqcss.css"/>
<!--<link rel="stylesheet" href="css/sm.min.css">
<link rel="stylesheet" href="css/sm-extend.min.css">-->
<script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>
<script src="js/fastclick.js"></script>
<script src="js/base.js"></script>

</head>

<body class="gry">
	<div class="wrap">
	    <nav class="nav">
	            <a class="return" href="javascript:history.go(-1);">
	               <img src="images/returnico.png"/>
	            </a>
	            <span class="navcenter">	                
	                个人信息
	            </span>
	            <strong class="fenxiang fnright" href="xiaoxi.html">
	            	
	              <a href="">保存</a>
	              
	            </strong>
        </nav>
       
       <!--主体部分-->
        <div class="lqmain gerenm">
        	<div class="gerent">
        		<span>头像</span>
        		<input type="file" name="" id="" value="" />        		
        	</div>
        	<div class="gerenlist">
        		<span>昵称</span>
        		<input type="text" name="" id="" value="" placeholder="请输入"/>
        	</div>
        	<div class="gerenlist">
        		<span>真实姓名</span>
        		<input type="text" name="" id="" value="" placeholder="请输入"/>
        	</div>
        	<div class="gerenlist">
        		<span>性别</span>
        		<select name="xingbie">
        			<option value="">男</option>
        			<option value="">女</option>
        		</select>
        	</div>
        	<div class="gerenlist">
        		<span>生日</span>
        		<input type="text" id="city-picker" placeholder="请选择"/>
        	</div>
        	<div class="gerenlist">
        		<span>邮箱</span>
        		<input type="text" name="" id="" value="" placeholder="请输入"/>
        	</div>
        	<div class="gerent">
        		<span>绑定银行卡</span>
        		<a href=""><b>农业银行-储蓄卡</b><i></i></a>       		
        	</div>
        	<div class="gerenlist">
        		<span>城市</span>
        		<input type="text" name="" id="" value="" placeholder="请输入"/>
        	</div>
        	<div class="gerenlist">
        		<span>毕业院校</span>
        		<input type="text" name="" id="" value="" placeholder="请输入"/>
        	</div>
        	<div class="gerenlist">
        		<span>职业</span>
        		<input type="text" name="" id="" value="" placeholder="请输入"/>
        	</div>
        	<div class="gerent">
        		<span>个性签名</span>
        		<input type="text" name="" id="" value="巴拉巴拉" />        		
        	</div>
        </div>
    </div>
    <!--弹窗-->    
    	<div class="zhezhao"></div>
    	<div class="tcenterdiv">
	    	<div class="tccenter fnclear">	    		
	    			<a href="">
	    			<img src="images/icopic_03.png" />
	    			<span>微信好友</span>
	    			</a>
	    		
	    		
	    			<a href="">
	    			<img src="images/icopic_05.png" />
	    			<span>朋友圈</span>
	    			</a>
	    		
	    		
	    			<a href="">
	    			<img src="images/icopic_07.png" />
	    			<span>新浪微博</span>
	    			</a>
	    		
	    		
	    			<a href="">
	    			<img src="images/icopic_09.png" />
	    			<span>腾讯微博</span>
	    			</a>
	    		
	    		
	    			<a href="">
	    			<img src="images/icopic_15.png" />
	    			<span>QQ好友</span>
	    			</a>
	    		
	    		
	    			<a href="">
	    			<img src="images/icopic_17.png" />
	    			<span>QQ空间</span>
	    			</a>
	    		
	    	</div>
	    	<a class="close">取消</a>
    	</div>    
</body>
<script>
	$(function(){
			$('.zhezhao').hide();
			$('.tcenterdiv').hide();
			$('.fenxbtn').click(function(){
				$('.zhezhao').show();
				$('.tcenterdiv').show();
			});
			
			$('.close').click(function(){
				$('.zhezhao').hide();
				$('.tcenterdiv').hide();
			});
			
			$('.zhezhao').click(function(){
				$('.zhezhao').hide();
				$('.tcenterdiv').hide();
			});
	});
</script>
<script type='text/javascript' src='js/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
<script type="text/javascript" src="js/sm-city-picker.min.js" charset="utf-8"></script>
<script>
    $.init()
    $("#city-picker").cityPicker({
        toolbarTemplate: '<header class="bar bar-nav">\
        <button class="button button-link pull-right close-picker">确定</button>\
       
        </header>'
    });
</script>
</html>
